

//当前选择 周 或者 月
// var choiceOperationDate;
//防止刷新
// let operationDate = window.sessionStorage.getItem("operationDate");
// if (operationDate == "周") {
//   choiceOperationDate = 0;
//   $("#operation_content").text("周");
// } else if (operationDate == "月") {
//   choiceOperationDate = 1;
//   $("#operation_content").text("月");
// } else {
//   choiceOperationDate = 0;
// }
//请求
function getoperation() {
  $.ajax({
    url: baseUrl + "/typeList",
    type: "POST",
    dataType: "json",
    // data: {
    //   type: choiceOperationDate, //1本月 0本周
    // },
    success: (data) => {
      // console.log(data.data,'dddddddddddddddddddddd');
      operationData(data.data);
    },
    // 超时时间
    timeout: 4000,
    // 失败的回调
    error: function () {
      clearInterval(interval);
      // alert("设备操作记录请求数据失败！");
    },
  });
}
//获取数据
function operationData(res) {
  console.log(res,'res.list');
  let a = res.list.map((item)=>{
    return {
      value:item.num ,
      name:item.type_name+'        ' + '占比'+"\n"+'      ' +item.num+'              ' + item.rate +"%",
    }
  })
  let b = res.total
  console.log(a,b,'res.list');
  // let operation_x = res.data.map((item) => {
  //   //x轴
  //   return item.name;
  // });
  // let operation_y = res.data.map((item) => {
  //   //y轴
  //   return item.num;
  // });
  operationEcharts(a,b);
  // operationList(res.all);
}
//echarts 数据渲染
function operationEcharts(a,b) {
  var option = {
    title: {
      text: '项目总数' + '\n'+'    '+b,
      x: 150,
      y: 'center',
      textStyle: {
          fontSize: 16,
          color:'#fff'
      }
    },
    legend: {
      orient: "vartical",
      top: "center",
      right: "105",
      textStyle:{
        color:'#fff'
      }
    },
    // toolbox: {
    //   show: true,
    //   feature: {
    //     mark: { show: true },
    //     dataView: { show: true, readOnly: false },
    //     restore: { show: true },
    //     saveAsImage: { show: true }
    //   }
    // },
    tooltip: {
      trigger: 'item',
    },
   
    series: [
      {
        type: 'pie',
        radius: [60, 120],
        center: ['30%', '50%'],
        roseType: 'area',
        data: a,
        label: {
          show: false,
        },
        labelLine:{
          show:false,
        },
        minAngle: 10,
      }
    ]
  };
  chartDom_o = document.getElementById("operation");
  myChart_o = echarts.init(chartDom_o);
  myChart_o.setOption(option);
}
//列表数据
// function operationList(list) {
//   $("#operation_list>ul").empty(); //清楚列表数据
//   list.forEach((item) => {
//     $("#operation_list>ul").append(`<li>
//       <div>${item.createtime}</div>
//       <div>${item.department_name}</div>
//       <div>${item.equipment.id}</div>
//       <div>${item.equipment.name}</div>
//       <div>${item.equipment.marking}</div>
//       </li>`);
//   });

//   $(function () {
//     if (list.length > 3) {
//       setInterval('autoScrollB("#operation_list")', 2000);
//     }
//   });
// }
//列表滚动动画
function autoScrollB(obj) {
  $(obj)
    .find("ul")
    .animate(
      {
        marginTop: "-1.875rem",
      },
      500,
      function () {
        $(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);
      }
    );
}
/* 选择周或者月 */
// $(".operation_week li").each(function () {
//   $(this).click(function () {
//     $("#operation_content").text($(this).text());
//     window.sessionStorage.setItem("operationDate", $(this).text());
//     if ($(this).text() == "周") {
//       choiceOperationDate = 0;
//       getoperation();
//     } else {
//       choiceOperationDate = 1;
//       getoperation();
//     }
//   });
// });
/* 刷新数据 */
/* function refreshData_o(ok_data) {
  var option = myChart_o.getOption();
  option.series[0].data = ok_data.y_data;
  option.xAxis = {
    axisLabel: {
      color: "#3C9BC4",
    },
    type: "category",
    data: ok_data.x_data,
    boundaryGap: true,
    axisTick: {
      show: false,
    },
  };
  myChart_o.setOption(option, true);
} */
window.addEventListener("resize", function () {
  myChart_o.resize();
});
